
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery1</title>
</head>
<script language="javascript" src="js/jquery-1.11.1.js"></script>
<script language="javascript" src="js/normal.js"></script>

<style>
.addColor{color:#F00;font-weight:bold;}
.liclass{float:left;margin-left:10px;}
.alt{ background-color:#666;}
tr,td{border:1px solid #CCC;}
</style>
<body>

<div class="h1">Hello Word!</div>
<br />
<hr />

<ul class="select-item">
    <li>about us
        <ul>
            <li>this is a test1</li>
            <li>this is a test2</li>
            <li>this is a test3</li>
            <li>this is a test4</li>
        </ul>
    </li>
    <li>about us1
        <ul>
            <li>this is a test5</li>
            <li>this is a test6</li>
            <li>this is a test7</li>
            <li>this is a test8</li>
        </ul>
    </li>
    <li>about us2
        <ul>
            <li>this is a test9</li>
            <li>this is a test10</li>
            <li>this is a test11</li>
            <li>this is a test12</li>
        </ul>
    </li>
</ul>

<br />
<hr />
<input class="showMe" value="显示" type="button" />&nbsp;&nbsp;
<input class="hideMe" value="隐藏" type="button" />&nbsp;&nbsp;
<input class="fadeInOrOut" value="淡入淡出" type="button" />
<br />
<hr />
<table width="300" border="1">
  <tr>
    <td>as you like</td>
    <td>anybody</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>1</td>
    <td>test1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>2</td>
    <td>test2</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>3</td>
    <td>test3</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>as you like</td>
    <td>anybody</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>1</td>
    <td>test1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>2</td>
    <td>test2</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>3</td>
    <td>test3</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
